<html lang="zh-cn" style="font-size: 55.2px;">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <link rel="icon" href="favicon.ico">
    <title>Welcome Indeed Mall</title>
    <link rel="stylesheet" href="/statics/css/base.css">
    <link href="/statics/css/chunk-vendors.c3991080.css" rel="stylesheet">
    <link href="/statics/css/app.bad77f0c.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/index/css/common.css">
    <link rel="stylesheet" href="/static/index/css/main.css">
    <link rel="stylesheet" href="/static/index/css/order.css">
    <script src="/static/jquery-3.5.0.min.js"></script>
    <script src="/static/layer/layer.js"></script>
</head>

<body class="">
    <style>
        #loadingContainer {
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 999999;
            background: #ffffff;
            display: none;
        }
        .van-tab--active{
            border-bottom: 3px solid red;
        }
    </style>
    <style>
    .recharge1 {
        background: #edf3fb;
        height: calc(100vh - 44px) !important
    }

    .recharge1 .record-tabbar {
        height: 60px;
        background: #367be2;
        line-height: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0 24px;
        overflow-x: auto
    }

    .recharge1 .record-tabbar .list {
        height: 28px;
        line-height: 28px;
        border-radius: 15px;
        padding: 2px 6px;
        font-family: Rubik-Regular;
        text-align: center;
        font-weight: 700;
        color: #edf3fb;
        opacity: .5;
        white-space: nowrap
    }

    .recharge1 .record-tabbar > .list ~ .list {
        margin-left: 10px
    }

    .recharge1 .record-tabbar .action {
        background: #edf3fb;
        border-radius: 15px;
        font-size: 14px;
        font-family: Rubik-Regular;
        font-weight: 700;
        color: #367be2;
        opacity: 1
    }

    .recharge1 .details-empty {
        text-align: center
    }

    .recharge1 .details-empty .empty-text {
        margin-top: 20px;
        font-size: 15px;
        font-family: Rubik-Regular;
        font-weight: 400;
        color: #000
    }

    .recharge1 .details-empty .jump-btn {
        width: 140px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        margin: 48px auto;
        background: -webkit-linear-gradient(282deg, #6197ff, #01cdff);
        background: linear-gradient(168deg, #6197ff, #01cdff);
        border-radius: 22px;
        font-size: 14px;
        font-family: Rubik-Regular;
        font-weight: 700;
        color: #fafafa
    }

    .recharge1 .recordslist {
        border-radius: 12px;
        /*padding: 20px*/
    }

    .recharge1 .recordslist .item {
        padding: 0 16px 40px;
        background: #fefffe;
        border-radius: 12px;
        position: relative
    }

    .recharge1 .recordslist .item .StatusAndTime {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .recharge1 .recordslist .item .StatusAndTime .time {
        padding: 14px 0;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        opacity: .4
    }

    .recharge1 .recordslist .item .StatusAndTime .status {
        font-weight: 600;
        color: #fe8a29
    }

    .recharge1 .recordslist .item .flex-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .recharge1 .recordslist .item .flex-row uni-image {
        width: 80px;
        height: 80px;
        border-radius: 4px;
        margin-right: 12px
    }

    .recharge1 .recordslist .item .flex-row .orderno {
        font-size: 15px;
        font-family: Rubik-Regular;
        font-weight: 700
    }

    .recharge1 .recordslist .item .flex-row .money uni-text {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #a0a0a0;
        margin-right: 10px;
        display: inline-block;
        white-space: nowrap
    }

    .recharge1 .recordslist .item .flex-row .btn_box {
        position: absolute;
        right: 10px;
        bottom: 10px
    }

    .recharge1 .recordslist .item .flex-row .btn {
        background: #ff2442;
        border-radius: 12px;
        font-size: 14px;
        font-family: BebasNeue;
        color: #fff;
        padding: 4px 12px;
        text-align: center;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .recharge1 .recordslist .item .flex-row .settlement {
        text-align: center
    }

    .recharge1 .recordslist .item .flex-row .settlement uni-view {
        text-align: center
    }

    .recharge1 .recordslist .newTimeStyle .unPaid {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .recharge1 .recordslist .newTimeStyle .unPaid > uni-view:first-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        font-family: HFVoyager;
        font-weight: 600;
        color: #989998;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .recharge1 .recordslist .newTimeStyle .unPaid .forzeTime {
        background: #323332;
        border-radius: 3px;
        font-weight: 700;
        color: #fefffe;
        padding: 5px;
        font-family: HFVoyager;
        margin-left: 5px;
        letter-spacing: 1px;
        width: 75px;
        text-align: center
    }

    .recharge1 .recordslist .newTimeStyle .unPaid > uni-view:last-child {
        background: #ff2442;
        border-radius: 12px;
        font-size: 14px;
        font-family: HFVoyager;
        font-weight: 500;
        color: #fff;
        padding: 4px 12px
    }

    .recharge1 .recordslist > .item ~ .item {
        margin-top: 10px
    }

    .recharge1 .mescroll-wrap {
        height: calc(100vh - 44px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
        background: #edf3fb
    }
    .recharge1 .recordslist, .uni-scroll-view{
        padding-bottom: 80px !important;
    }
</style>
    <div id="app">
        <div data-v-4fa27633="" class="home">
            <div data-v-4131db90="" data-v-4fa27633="" id="order">
                <div data-v-4131db90="" class="header">
                    <div data-v-4131db90="" class="title">Order center</div>
                </div>
                <div data-v-4131db90="">
                    <div class="van-sticky">
                        <div data-v-4131db90="" class="van-tabs van-tabs--line">
                            <div class="van-tabs__wrap">
                                <div role="tablist" class="van-tabs__nav van-tabs__nav--line tablist">
                                    <div role="tab" class="van-tab van-tab--active" onclick="location.href = '/en/order/index.html?type=0'">
                                        <span class="van-tab__text van-tab__text--ellipsis">Not yet</span></div>
                                    <div role="tab" class="van-tab"  onclick="location.href = '/en/order/index.html?type=1'"><span
                                            class="van-tab__text van-tab__text--ellipsis">Completed</span></div>
                                    <div role="tab" class="van-tab"  onclick="location.href = '/en/order/index.html?type=2'"><span
                                            class="van-tab__text van-tab__text--ellipsis">To be settled</span></div>
                                    <div role="tab" class="van-tab"  onclick="location.href = '/en/order/index.html?type=3'"><span
                                            class="van-tab__text van-tab__text--ellipsis">Frozen</span></div>
                                    <!--<div class="van-tabs__line"-->
                                    <!--    style="transform: translateX(52px) translateX(-50%); transition-duration: 0.3s;">-->
                                    <!--</div>-->
                                </div>
                            </div>
                            <div class="van-tabs__content">
                            </div>
                        </div>
                    </div>
                </div>
                 {notempty name="list"}
                 <div class="recharge1">
                     <uni-scroll-view class="mescroll-wrap">
                        <div class="uni-scroll-view">
                            <div class="uni-scroll-view" style="overflow: hidden auto;">
                                <div class="uni-scroll-view-content">
                                    <div class="uni-scroll-view-refresher"
                                         style="background-color: rgb(255, 255, 255); height: 0px;">
                                        <div class="uni-scroll-view-refresh">
                                            <div class="uni-scroll-view-refresh-inner"></div>
                                        </div>
                                    </div>

                                    <uni-view class="recordslist">

                                        {volist name="list" id="vo"}
                                        <a class="Continue" data-id="{$vo.id}" >
                                        <uni-view class="item">
                                            <uni-view class="StatusAndTime">
                                                <uni-view class="time">{$vo.create_time|toDate}</uni-view>
                                            </uni-view>
                                            <uni-view class="flex-row">
                                                <uni-view class="pic">
                                                    <uni-image>
                                                        <div style="background-image: url({$vo.goods_pic}); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                                        <img src="{$vo.goods_pic}">
                                                    </uni-image>
                                                </uni-view>
                                                <uni-view class="info flex-column">
                                                    <uni-view class="orderno">{$vo.order_id}
                                                    </uni-view>
                                                    <uni-view class="money">
                                                        <uni-text><span>Price:</span></uni-text>
                                                        S/.{$vo.goods_price}
                                                    </uni-view>
                                                    <uni-view class="money">
                                                        <uni-text><span>commission rate:</span></uni-text>
                                                        {$vo.order_commission * 100}%
                                                    </uni-view>
                                                    <uni-view class="money">
                                                        <uni-text><span>profit:</span></uni-text>
                                                        {$vo.order_earnings}
                                                    </uni-view>
                                                </uni-view>
                                                <uni-view class="btn_box" style="align-self: flex-end;">
                                                    {switch vo.status}
                                                    {case 0}
                                                    <uni-view data-id="{$vo.id}" class="btn Continue">untreated</uni-view>
                                                    {/case}
                                                    {case 1}
                                                    <uni-view data-id="{$vo.id}" class="btn Continue">complete</uni-view>
                                                    {/case}
                                                    {case 2}
                                                    <uni-view data-id="{$vo.id}" class="btn Continue">To be solved</uni-view>
                                                    {/case}
                                                    {case 3}
                                                    <uni-view data-id="{$vo.id}" class="btn Continue">Merchant processing</uni-view>
                                                    {/case}
                                                    {/switch}

                                                </uni-view>
                                            </uni-view>
                                            <uni-view class="newTimeStyle"></uni-view>
                                        </uni-view>
                                        </a>
                                        {/volist}

                                    </uni-view>
                                </div>
                            </div>
                        </div>
                    </uni-scroll-view>
                 </div>
                 {else /}
                <section data-v-4131db90="">
                    <div data-v-4131db90="" class="van-empty">
                        <div class="van-empty__image"><img src="/statics/img/empty-image-default.0bc9958e.png"></div>
                        <p class="van-empty__description">No record yet</p>
                        <div class="van-empty__bottom" onclick="location.href = '/en/grab/index.html'">
                            <div data-v-4131db90="" class="refresh-btn">Grab the order immediately</div>
                        </div>
                    </div>
                    <div data-v-4131db90="" role="feed" class="list van-list" aria-busy="true">
                        <div class="van-list__finished-text">No more</div>
                        <div class="van-list__placeholder"></div>
                    </div>
                </section
                 {/notempty}
            </div>
            <div data-v-4afd947b="" data-v-4fa27633="" id="tabbar" style="background-color: rgb(255, 255, 255);">
                <div data-v-4afd947b="" class="we-tabbar-item" onclick="location.href = '/en/index/index.html'">
                    <div data-v-4afd947b="" class="we-tabbar-item-icon"><img data-v-4afd947b=""
                            src="/statics/img/home.c61e1b98.png" style="width: 33px; height: 33px;"></div>
                    <div data-v-4afd947b="" class="we-tabbar-item-title"
                        style="font-size: 12px; color: rgb(136, 136, 136); font-weight: 600;">home page</div>
                </div>
                <div data-v-4afd947b="" class="we-tabbar-item"  onclick="location.href = '/en/recharge/index.html'">
                    <div data-v-4afd947b="" class="we-tabbar-item-icon"><img data-v-4afd947b=""
                            src="/statics/img/activity.c2f6a5c6.png" style="width: 33px; height: 33px;"></div>
                    <div data-v-4afd947b="" class="we-tabbar-item-title"
                        style="font-size: 12px; color: rgb(136, 136, 136); font-weight: 600;">deposit</div>
                </div>
                <div data-v-4afd947b="" class="we-tabbar-item"  onclick="location.href = '/en/grab/index.html'">
                    <div data-v-4afd947b="" class="we-tabbar-item-icon"><img data-v-4afd947b=""
                            src="/statics/img/activity.c2f6a5c6.png" style="width: 33px; height: 33px;"></div>
                    <div data-v-4afd947b="" class="we-tabbar-item-title"
                        style="font-size: 12px; color: rgb(136, 136, 136); font-weight: 600;">Grab orders</div>
                </div>
                <div data-v-4afd947b="" class="we-tabbar-item">
                    <div data-v-4afd947b="" class="we-tabbar-item-icon"><img data-v-4afd947b=""
                            src="/statics/img/service_checked.f7cfbfcb.png" style="width: 33px; height: 33px;"></div>
                    <div data-v-4afd947b="" class="we-tabbar-item-title"
                        style="font-size: 12px; color: rgb(0, 0, 0); font-weight: 600;">order</div>
                </div>
                <div data-v-4afd947b="" class="we-tabbar-item" onclick="location.href = '/en/account/index.html'">
                    <div data-v-4afd947b="" class="we-tabbar-item-icon"><img data-v-4afd947b=""
                            src="/statics/img/personal.12d9a809.png" style="width: 33px; height: 33px;"></div>
                    <div data-v-4afd947b="" class="we-tabbar-item-title"
                        style="font-size: 12px; color: rgb(136, 136, 136); font-weight: 600;">my</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    $(document).on("click", ".Continue", function () {
        var id = $(this).data('id');
        window.location.href = "detail/" + id ;
    });
</script>

<script>
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg); //匹配目标函数
            if (r != null) return unescape(r[2]);
            return null; // 返回参数值
        }

        let $list = $(".tablist .van-tab");
        let type = getUrlParam("type") || 0;
        $list.eq(type).addClass("van-tab--active").siblings().removeClass("van-tab--active");
        $list.on("click", function () {
            $(this).addClass("van-tab--active").siblings().removeClass("van-tab--active");
        });
</script>
</html>